﻿@{
    ViewBag.Title = "Service";
}
<div class="row">
    <div class="col-sm-12">
        <div class="col-sm-12 well">
            <form>
                <input placeholder="Tên dịch vụ"/><br />
                <input type="file"/>
                <input placeholder="Đơn giá"/><br />
                <input placeholder="Số lần"/><br />
                <input placeholder="% tiền"/><br />
                <input placeholder="Lần dùng"/><br />
                <textarea cols="30" placeholder="Mô tả"></textarea><br />
                <button type="submit" class="btn btn-primary">Hoàn tất</button>
            </form>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">Danh sách tất cả các dịch vụ</div>
            <div class="panel-body">
                <input placeholder="Tìm kiếm dịch vụ"/>
            </div>
            <!-- Table -->
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th rowspan="2">Stt</th>
                        <th rowspan="2">Mã dịch vụ</th>
                        <th rowspan="2">Tên dịch vụ</th>
                        <th rowspan="2">Hình ảnh</th>
                        <th rowspan="2">Đơn giá</th>
                        <th rowspan="2">Số lần</th>
                        <th colspan="3">Khuyến mãi</th>
                        <th rowspan="2">Mô tả</th>
                        <th rowspan="2"></th>
                    </tr>
                    <tr>
                        <th>% tiền</th>
                        <th>Tiền</th>
                        <th>Lần dùng</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>DV234234234</td>
                        <td>Matxa mặt</td>
                        <td><img class="img-small" src="../../Content/themes/base/images/matxa.jpeg" alt="Matxa" /></td>
                        <td>2 triệu</td>
                        <td>10</td>
                        <td>10%</td>
                        <td>200.000</td>
                        <td>0</td>
                        <td>Cực kỳ cool</td>
                        <td><button class="btn btn-primary btn-xs"><i class="fa fa-edit fa-lg"></i></button></td>
                        <td><button class="btn btn-danger btn-xs"><i class="fa fa-minus fa-lg"></i></button></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>DV234234234</td>
                        <td>Matxa mặt</td>
                        <td><img class="img-small" src="../../Content/themes/base/images/matxa.jpeg" alt="Matxa" /></td>
                        <td>2 triệu</td>
                        <td>10</td>
                        <td>10%</td>
                        <td>200.000</td>
                        <td>0</td>
                        <td>Cực kỳ cool</td>
                        <td><button class="btn btn-primary btn-xs"><i class="fa fa-edit fa-lg"></i></button></td>
                        <td><button class="btn btn-danger btn-xs"><i class="fa fa-minus fa-lg"></i></button></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>DV234234234</td>
                        <td>Matxa mặt</td>
                        <td><img class="img-small" src="../../Content/themes/base/images/matxa.jpeg" alt="Matxa" /></td>
                        <td>2 triệu</td>
                        <td>10</td>
                        <td>10%</td>
                        <td>200.000</td>
                        <td>0</td>
                        <td>Cực kỳ cool</td>
                        <td><button class="btn btn-primary btn-xs"><i class="fa fa-edit fa-lg"></i></button></td>
                        <td><button class="btn btn-danger btn-xs"><i class="fa fa-minus fa-lg"></i></button></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>DV234234234</td>
                        <td>Matxa mặt</td>
                        <td><img class="img-small" src="../../Content/themes/base/images/matxa.jpeg" alt="Matxa" /></td>
                        <td>2 triệu</td>
                        <td>10</td>
                        <td>10%</td>
                        <td>200.000</td>
                        <td>0</td>
                        <td>Cực kỳ cool</td>
                        <td><button class="btn btn-primary btn-xs"><i class="fa fa-edit fa-lg"></i></button></td>
                        <td><button class="btn btn-danger btn-xs"><i class="fa fa-minus fa-lg"></i></button></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>DV234234234</td>
                        <td>Matxa mặt</td>
                        <td><img class="img-small" src="../../Content/themes/base/images/matxa.jpeg" alt="Matxa" /></td>
                        <td>2 triệu</td>
                        <td>10</td>
                        <td>10%</td>
                        <td>200.000</td>
                        <td>0</td>
                        <td>Cực kỳ cool</td>
                        <td><button class="btn btn-primary btn-xs"><i class="fa fa-edit fa-lg"></i></button></td>
                        <td><button class="btn btn-danger btn-xs"><i class="fa fa-minus fa-lg"></i></button></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>DV234234234</td>
                        <td>Matxa mặt</td>
                        <td><img class="img-small" src="../../Content/themes/base/images/matxa.jpeg" alt="Matxa" /></td>
                        <td>2 triệu</td>
                        <td>10</td>
                        <td>10%</td>
                        <td>200.000</td>
                        <td>0</td>
                        <td>Cực kỳ cool</td>
                        <td><button class="btn btn-primary btn-xs"><i class="fa fa-edit fa-lg"></i></button></td>
                        <td><button class="btn btn-danger btn-xs"><i class="fa fa-minus fa-lg"></i></button></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>DV234234234</td>
                        <td>Matxa mặt</td>
                        <td><img class="img-small" src="../../Content/themes/base/images/matxa.jpeg" alt="Matxa" /></td>
                        <td>2 triệu</td>
                        <td>10</td>
                        <td>10%</td>
                        <td>200.000</td>
                        <td>0</td>
                        <td>Cực kỳ cool</td>
                        <td><button class="btn btn-primary btn-xs"><i class="fa fa-edit fa-lg"></i></button></td>
                        <td><button class="btn btn-danger btn-xs"><i class="fa fa-minus fa-lg"></i></button></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
